<div class="heading red">
  <nav class="nav">
    <a title="返回"><i class="icon-arrow-left"></i></a>
  </nav>
  <div class="title small muted">待办 #232</div>
  <div class="headline">为响应式开发增加更多的内容</div>
</div>

<div class="section">
  <div class="list">
    <div class="item with-avatar multi-lines red-pale">
      <div class="avatar circle red"><i class="icon-play"></i></div>
      <div class="content">
        <div class="title text-red">未开始 <small class="pull-right text-red pri-3">优先级: 一般</small>
        </div>
        <div><small class="text-green">#新增功能</small>&nbsp;
        <small class="muted">今天 20:00</small></div>
      </div>
    </div>
    <div class="item with-avatar multi-lines">
      <div class="avatar circle"><img src="doc/img/avatar.png" alt=""></div>
      <div class="content">
        <div class="subtitle">指派给 <span class="pull-right">2016-07-06 10:42:21</span></div>
        <div class="title">Catouse</div>
      </div>
    </div>
    <div class="item multi-lines with-avatar">
      <div class="avatar circle muted dark"><i class="icon icon-file-text-o"></i></div>
      <div class="content">
        <div class="subtitle">描述</div>
        <div class="title">为响应式开发增加更多的内容</div>
      </div>
    </div>
  </div>
</div>

<nav class="nav nav-auto affix dock-bottom justified">
  <a class="success strong">完成</a>
  <a>指派</a>
  <a>编辑</a>
  <a class="text-danger">删除</a>
  <a>备注</a>
</nav>

<nav class="fab affix dock-bottom dock-right shadow-none dock-auto" style="bottom: 2.4rem">
  <a href="https://github.com/easysoft/mzui/blob/master/doc/part/examples/detail.html" class="btn circle shadow-2 has-margin-sm dark" target="_blank"><i class="icon-code"></i> 示例源码</a>
</nav>
